<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>车型展示</title>
		<link rel="stylesheet" type="text/css" href="../css/basic.css">
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css">
	</head>
	<body>
		<div class="index-content">
			<!-- 头部 -->
			<header>
				<div class="header-content width1300 clearfix">
					<div class="logo fl clearfix">
						<img src="../img/logo.png" class="fl" />
						<p class="fl">中成商务房车</p>
					</div>
					<div class="search fl">
						<input type="text" placeholder="请输入想要搜索的内容" class="fl" />
						<i class="iconfont icon-sousuo1 fr"></i>
					</div>
					<div class="telphone fr">
						<img src="../img/tel.png" />
						<div class="num">热线电话<b>400-079-6969</b></div>
					</div>
				</div>
				<div class="nav clearfix width1300">
					<div class="nav-list fl">首页</div>
					<div class="nav-list fl">选车中心</div>
					<div class="nav-list fl">推荐车系</div>
					<div class="nav-list fl">优惠资讯</div>
					<div class="nav-list fl">视频中心</div>
					<div class="nav-list fl">关于我们</div>
				</div>
			</header>
			<!-- 当季热销车 -->
			<div class="hot-carbuy discount-msg-detail width1300">
				<div class="car-style clearfix">
					<div class="car-style-left">
						<!-- 二级菜单 -->
						<ul class="second-classify">
							<li class="clearfix"><img src="../img/type1.png" />公司动态<span class="iconfont icon-xiangyou"></span></li>
							<li class="clearfix"><img src="../img/type2.png" />优惠资讯<span class="iconfont icon-xiangyou"></span></li>
							<li class="clearfix"><img src="../img/type3.png" />常见问题<span class="iconfont icon-xiangyou"></span></li>
							<li class="clearfix"><img src="../img/type4.png" />视频中心<span class="iconfont icon-xiangyou"></span></li>
						</ul>
						<!-- 推荐车型 -->
						<div class="recommand">
							<h3>推荐车型</h3>
							<div class="recom-all">
								<div class="recom-list">
									<div class="img-box">
										<img src="../images/官网首页_28.jpg" />
									</div>
									<p class="oneline">奔驰v26哈哈哈哈哈哈哈</p>
								</div>
								<div class="recom-list">
									<div class="img-box">
										<img src="../images/官网首页_28.jpg" />
									</div>
									<p class="oneline">奔驰v26哈哈哈哈哈哈哈</p>
								</div>
							</div>
						</div>
						<!-- 优惠资讯 -->
						<div class="discount-msg">
							<div class="h3title">
								优惠资讯
							</div>
							<div class="discount-msg-all">
								<div class="discount-msg-list clearfix">
									<div class="img-box">
										<img src="../img/car1.jpg" />
										<span class="one">1</span>
									</div>
									<div class="discount-msg-right">
										<h4>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</h4>
										<!-- <p>2020=09-27</p> -->
									</div>
								</div>
								<div class="discount-msg-list clearfix">
									<div class="img-box">
										<img src="../img/car1.jpg" />
										<span class="two">2</span>
									</div>
									<div class="discount-msg-right">
										<h4>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</h4>
										<!-- <p>2020=09-27</p> -->
									</div>
								</div>
								<div class="discount-msg-list clearfix">
									<div class="img-box">
										<img src="../img/car1.jpg" />
										<span class="three">3</span>
									</div>
									<div class="discount-msg-right">
										<h4>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</h4>
										<!-- <p>2020-09-27</p> -->
									</div>
								</div>
								<div class="discount-msg-list clearfix">
									<div class="img-box">
										<img src="../img/car1.jpg" />
									</div>
									<div class="discount-msg-right">
										<h4>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</h4>
										<p>2020-09-27</p>
									</div>
								</div>
							</div>
						</div>
						<!-- 联系我们 -->
						<div class="concat-us">
							<div class="h3title">
								联系我们
							</div>
							<div class="map">
								//地图
							</div>
							<div class="tel">
								<h3>客服服务电话</h3>
								<p>400-079-6969</p>
							</div>
						</div>
					</div>
					<div class="discount-right">
						<!-- 导航 -->
						<ul class="nav clearfix">
							<li>首页</li><li class="hang">|</li><li>资讯</li><li class="hang">|</li><li>资讯详情</li>
						</ul>
						<!-- 文本内容 -->
						<div class="discount-content">
							<h2>奔驰260哈哈哈哈哈哈哈哈哈</h2>
							<div class="msg">
								<ul class="clearfix">
									<li>来源：哈哈哈</li>
									<li class="hang">|</li>
									<li>时间：2019-09-23</li>
									<li class="hang">|</li>
									<li>228次浏览</li>
								</ul>
							</div>
							
							<div class="content"></div>
						</div>
					</div>
				</div>
			</div>
			
			
			<!-- 悬浮按钮 -->
			<div class="goTop">
				<img src="../img/top.png" />
			</div>
			
			
			<!-- 底部 -->
			<footer class="">
				<div class="foot-classify clearfix width1300">
					<div class="foot-nav">
						<h4>车型总鉴</h4>
						<p>奢石版</p>
						<p>v级系列</p>
						<p>斯宾特系列</p>
						<p>大众T6</p>
						<p>GMC</p>
						<p>豪华加长</p>
					</div>
					<div class="foot-nav">
						<h4>品牌天地</h4>
						<p>品牌中心</p>
						<p>关于我们</p>
						<p>赛事风采</p>
					</div>
					<div class="foot-nav">
						<h4>高级私人定制系列</h4>
						<p>限量发售</p>
						<p>车主故事</p>
					</div>
					<div class="foot-nav">
						<h4>售后服务</h4>
						<p>车主服务</p>
						<p>常见问与答</p>
						<p>原厂配件</p>
						<p>选装配件及精品</p>
					</div>
					<div class="foot-nav">
						<h4>新闻资讯</h4>
						<p>企业动态</p>
						<p>行业热点</p>
					</div>
				</div>
				<div class="companyInfo">
					<div class="width1300">
						<div class="company_name"></div>
						<div class="company-info clearfix">
							<div class="fl">杭州中诚汽车销售服务有限公司&nbsp;&nbsp;|&nbsp;&nbsp;<i>华东高端商务房车展销中心</i></div>
							<div class="fr">
								<div class="telphone fr clearfix">
									<img src="../img/tel.png" />
									<div class="num">热线电话<b>400-079-6969</b></div>
								</div>
								<p class="address">地址：浙江省杭州市下城区绍兴路2号</p>
								<p class="police clearfix"><img src="../img/police.png">浙公网安备33010302003582号</p>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js"></script>
		<script type="text/javascript">
			// var swiper = new Swiper('.swiper-container', {
			// 	autoplay:true,
			// 	navigation: {
			// 		nextEl: '.swiper-button-next',
			// 		prevEl: '.swiper-button-prev',
			// 	},
			// });
			// var swiper2 = new Swiper('.evaluation-container', {
			// 	slidesPerView: 4,
			// 	spaceBetween: 7
			// });
			$(".second-classify li").mouseleave(function () {
				  console.log('移出');
				  $(this).removeClass('active');
			})
			$(".second-classify li").mouseenter(function () {
				  console.log('移入');
				  $(this).addClass("active").siblings().removeClass('active');
			})
			
			  
		</script>
	</body>
</html>
